@media (max-width:1370px){
    .con_about_area .a_bg{
        max-width: 20%;
    }
}
@media (max-width: 1199px){
    .con_work_img .img_two img,.con_work_img .img_one img{
        max-width: 100%;
    }
    .con_features_item{
        padding-right: 0px;
    }
    .con_faq_area img,.con_team_item_two .team_img img,.latest_blog_item_two img{
        max-width: 100%;
    }
    .f_widget.info_widget {
        padding-right: 0px;
    }
    .f_widget .f_title{
        font-size: 21px;
    }
    .con_about_img img{
        max-width: 98%;
    }
    .portfolio_filter .work_portfolio_item + .work_portfolio_item{
        margin-left: 25px;
    }
    .portfolio_filter .work_portfolio_item{
        margin-bottom: 5px;
    }
    .con_team_item_two .team_img img{
        width: 100%;
    }
    .latest_post_thumb img{
        max-width: 35%;
        margin-right: 10px;
    }
    .con_service_item_three{
        padding-left: 15px;
        padding-right: 15px;
    }
    .blog_inner{
        padding-right: 0;
    }
    .blog_item img,.r_post_item img{
        max-width: 100%;
    }
    .contact_form_info{
        padding-left: 0;
    }
    .contact_info_two {
        background: #f7f7f7;
        padding: 55px 15px;
    }
    .contact_info_item p{
        font-size: 14px;
    }
    .contact_info_item{
        margin-bottom: 30px;
    }
}

@media (max-width:991px){
    .header_top_logo{
        max-width: 100%;
        display: none;
    }
    .header_top_two .header_info .text-right{
        text-align: center !important;
    }
    .header_top_two .header_info{
        padding: 0px;
    }
    .header_three .navbar-brand{
        display: block;
    }
    .header_three .con_btn{
        margin-top: 8px;
    }
    .con_work_content{
        margin-top: 50px;
    }
    .con_work_content .section_title{
        padding-right: 0;
    }
    .con_latest_news_area .latest_post_item{
        margin-bottom: 50px;
        padding-right: 0;
    }
    .con_latest_news_area .latest_post_thumb img{
        margin-right: 20px;
    }
    .con_about_top .con_about_content img{
        max-width: 100%;
    }
    .con_testimonial_slider_two .item .testimonial_item_two{
        padding: 40px 20px;
    }
    .con_team_item .hover_content{
        padding: 20px;
    }
    .con_team_item{
        margin-bottom: 30px;
    }
    .con_team_area .container-fluid .row{
        margin-bottom: -30px;
        justify-content: center;
    }
    .con_team_area_two .row,.con_latest_news_area_two .row{
        justify-content: center;
    }
    .c_logo_item{
        text-align: center;
        margin-bottom: 30px;
    }
    .c_logo_item img,.con_logo_item img{
        max-width: 100%;
    }
    .con_faq_area .accordion,.con_about_text{
        margin-top: 0px;
    }
    .con_call_action_area h2{
        margin-bottom: 20px;
    }
    .action_info{
        display: block !important;
        text-align: center;
    }
    .cons_skill_info .skill_item p{
        font-size: 14px;
    }
    .portfolio_filter{
        flex-wrap: wrap;
    }
    .con_service_item_three{
        padding-left: 8px;
        padding-right: 8px;
        padding-bottom: 35px;
    }
    .con_service_item_three p{
        font-size: 14px;
        line-height: 25px;
    }
    .price_item{
        margin-bottom: 30px;
    }
    .con_price_area .row{
        margin-bottom: -30px;
        justify-content: center;
    }
    .slider_text h1{
        font-size: 70px;
        line-height: 80px;
    }
    .navbar-brand{
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .menu .nav-item{
        padding-top: 2px;
        padding-bottom: 2px;
        margin-right: 0;
    }
    .search{
        padding-bottom: 10px;
    }
    .menu > .nav-item > .nav-link{
        display: block;
        position: relative;
    }
    .menu > .nav-item.submenu .dropdown-menu{
        box-shadow: none;
        padding: 0px 20px;
        -webkit-transition: max-height 0.5s, opacity 0.1s 0.1s, visibility 0s 0s;
        -moz-transition: max-height 0.5s, opacity 0.1s 0.1s, visibility 0s 0s;
        -ms-transition: max-height 0.5s, opacity 0.1s 0.1s, visibility 0s 0s;
        -o-transition: max-height 0.5s, opacity 0.1s 0.1s, visibility 0s 0s;
        transition: max-height 0.5s, opacity 0.1s 0.1s, visibility 0s 0s;
        max-height: 0;
        display: block;
        overflow: hidden;
        opacity: 0;
        visibility: hidden;
        margin: 0;
    }
    .menu > .nav-item.submenu .dropdown-menu.show{
        -webkit-transition: max-height 0.5s, opacity 0.1s 0.1s, visibility 0s 0s;
        -moz-transition: max-height 0.5s, opacity 0.1s 0.1s, visibility 0s 0s;
        -ms-transition: max-height 0.5s, opacity 0.1s 0.1s, visibility 0s 0s;
        -o-transition: max-height 0.5s, opacity 0.1s 0.1s, visibility 0s 0s;
        transition: max-height 0.5s, opacity 0.1s 0.1s, visibility 0s 0s;
        max-height: 250px;
        overflow-y: scroll;
        padding-top: 8px;
        display: block;
        opacity: 1;
        visibility: visible;
    }
    .menu > .nav-item.submenu .nav-link:after{
        content: "\e64b";
        right: 0;
        top: 0px;
        position: absolute;
        font-family: 'themify';
        display: block;
        border: 0px;
        width: auto;
        height: auto;
        font-size: 14px;
    }
    .navbar-collapse {
        max-height: 400px;
        overflow-y: scroll;
    }
    .header_contact_info a{
        font-size: 13px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .h_social_icon a{
        padding-left: 8px;
    }
    .navbar .container{
        padding-left: 15px;
        padding-right: 15px;
    }
    .con_contact_area .contact_info{
        max-width: 450px;
        padding-left: 0px;
    }
    .blog_sidebar{
        margin-top: 50px;   
    }
    .recente_post_widget .latest_post_thumb img{
        margin-right: 20px;
    }
    .contact_info_two {
        background: #f7f7f7;
        padding: 55px 35px;
        margin-bottom: 50px;
    }
    .contact_info_item p{
        font-size: 16px;
    }
    .contact_info_item{
        margin-bottom: 50px;
    }
}

@media (max-width:767px){
    .header_top_two .header_contact_info a{
        padding-left: 0;
        padding-right: 5px;
        font-size: 12px;
    }
    .slider_text h1{
        font-size: 56px;
        line-height: 65px;
    }
    .service_info_two .con_service_item{
        padding-left: 10px;
        padding-right: 10px;
    }
    .con_p br,.con_call_action_area h2 br,.con_video_content h2 br,.section_title .con_title br,.slider_text_three h1 br,.tank_img{
        display: none;
    }
    .con_service_item{
        padding-left: 0;
        padding-right: 0;
    }
    .cons_skill_info .skill_item{
        width: calc(100% / 3);
        margin-bottom: 20px;
    }
    .cons_skill_info{
        flex-wrap: wrap;
        padding-bottom: 20px;
        justify-content: center;
    }
    .con_service_item{
        margin-top: 40px;
    }
    .con_service_area .row {
        margin-top: -40px;
    }
    .con_clients_logo .con_logo_item{
        margin-top: 40px;
    }
    .portfolio_filter .work_portfolio_item + .work_portfolio_item {
        margin-left: 12px;
    }
    .ribbon_info{
        text-align: center;
    }
    .ribbon_info .text-right{
        text-align: center !important;
        margin-top: 20px;
    }
    .slider_text_three h1 {
        font-size: 50px;
        line-height: 55px;
    }
    .con_service_item_three{
        padding-left: 25px;
        padding-right: 25px;
        padding-bottom: 50px;
    }
    .con_service_item_three p{
        font-size: 16px;
    }
    .portfolio_gallery .hover_content{
        padding: 20px;
    }
    .price_item .price_body{
        padding-left: 10px;
        padding-right: 10px;
    }
    .price_item .price_body li{
        font-size: 15px;
    }
    .con_about_area_two .con_about_text{
        padding-right: 0;
    }
    .con_project_info .slick-list{
        margin-right: -15px;
    }
    .slider_text_two p{
        padding-right: 0;
    }
    .con_contact_area .map_info{
        padding-right: 0;
        height: 300px;
    }
    .con_contact_area .contact_info{
        max-width: 100%;
    }
    .blog_single_info .blog_item .quote_post {
        padding: 80px 30px 70px 118px;
    }
    .blog_grid_info .blog_item img{
        width: 100%;
    }
}

@media (max-width:576px){
    .portfolio_gallery_two .portfolio_item {
        padding-left: 15px;
        padding-right: 15px;
    }
    .con_work_img .img_two{
        left: 30px;
    }
    .service_info_two .con_service_item{
        padding-left: 20px;
        padding-right: 20px;
    }
    .con_team_item img,.latest_blog_item_two img{
        width: 100%;
    }
    .con_team_area .col-sm-6{
        padding-left: 0px;
        padding-right: 0px;    
    }
    .section_title .con_title_top{
        font-size: 16px;
    }
    .section_title .con_title{
        font-size: 32px;
    }
    .con_call_action_area h2 {
        font-size: 38px;
    }
    .con_work_img .img_one{
        left: 10px;
    }
    .f_widget .f_title{
        margin-top: 0;
    }
    .cons_skill_info .skill_item,.con_clients_logo .con_logo_item{
        width: calc(100% / 2);
    }
    .con_clients_logo .d-flex{
        flex-wrap: wrap;
    }
    .con_about_img {
        padding-top: 5px;
    }
    .con_about_img:before{
        left: 0px;
        bottom: 5px;
    }
    .con_testimonial_info .custom_nav_two .prev,.con_testimonial_info .custom_nav_two .next{
        display: none !important;
    }
    .testimonial_item p{
        font-size: 22px;
        line-height: 32px;
    }
    .con_slider_area_three .slider_nav .left_arrow, .con_slider_area_three .slider_nav .right_arrow{
        top: auto;
        bottom: 0px;
        transform: translateY(0);
    }
    .con_slider_area_three .slider_nav .left_arrow{
        left: 0;
    }
    .con_slider_area_three .slider_nav .right_arrow{
        right: auto;
        left: 55px;
    }
    .con_project_area .custom_nav i{
        width: 40px;
        height: 40px;
        line-height: 38px;
        font-size: 15px;
        margin-top: 25px;
    }
    .con_project_area .custom_nav i + i{
        margin-left: 4px;
    }
    .slider_text p br{
        display: none;
    }
    .slider_text h1 {
        font-size: 42px;
        line-height: 52px;
    }
    .slider_text .slider_btn_two{
        margin-left: 0;
    }
    .slider_text p{
        margin-bottom: 20px;
    }
    .slider_text h1{
        margin-bottom: 20px;
    }
    .header_contact_info a,.h_social_icon a{
        font-size: 11px;
    }
    .h_social_icon a {
        padding-left: 5px;
    }
    .header_contact_info a{
        padding-right: 4px;
    }
    .header_top_two .header_info{
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .header_top_two .header_contact_info a{
        line-height: 14px;
    }
    .quote_post {
        padding: 50px 20px 40px 120px;
    }
    .contact_info_two{
        padding-left: 15px;
        padding-right: 15px;
    }
    .post_info_bottom{
        display: block;
    }
    .post_info_bottom .post-tags{
        margin-bottom: 15px;
    }
    .blog_related_post {
        padding-bottom: 40px;   
    }
    .blog_comment_box{
        padding-top: 50px;
    }
    .comment-box .post_comment .reply-comment{
        padding-left: 0px;
    }
}

@media (max-width:450px){
    .con_clients_logo_area .col-6,.con_service_area .col-6{
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    }
    .con_faq_area .accordion .card .card-header button,.con_faq_area .accordion .card-body{
        padding-left: 15px;
        padding-right: 15px;
    }
    .post_meta li + li {
        margin-left: 0px;
    }
    .latest_post_thumb .media-body h4 {
        font-size: 18px;
    }
    .con_video_content h2{
        font-size: 30px;
    }
    .project_title{
        display: block !important;
    }
    .header_info .row{
        display: block;
    }
    .h_social_icon,.header_info .col-3{
        display: none;   
    }
    .header_info .col-9{
        max-width: 100%;
        text-align: center;
    }
    .quote_post .q_icon{
        left: 0;
    }
    .quote_post {
        padding: 50px 20px 40px 80px;
    }
    .quote_post h4 {
        font-size: 20px;
        line-height: 25px;
    }
    .quote_post_two .l_post_title{
        font-size: 23px;
        line-height: 33px;
    }
    .comment-box .post_comment .post_author .media-left{
        margin-right: 10px;
    }
    .comment-box .post_comment .post_author .media-body{
        padding-top: 0;
    }
}

@media (max-width: 375px){
    .header_contact_info a {
        padding-right: 0px;
        padding-left: 0;
    }
    .header_contact_info a:before{
        display: none;
    }
    .header_top_two {
        display: none;
    }
    .breadcrumb_content h2{
        font-size: 46px;
    }
    .l_post_title {
        font-size: 29px;
    }
    .contact_info_item{
        padding-left: 0;
    }
    .contact_info_item i{
        position: relative;
        margin-bottom: 15px;
        display: block;
    }
    .contact_info_item p{
        font-size: 15px;
    }
}